<template>
  <div class="marke_col flex_left_right">
    <div class="marke_col_icon">
      <img :src="getImageUrl(icon)" />
    </div>
    <div class="marke_col_title font_20 line_height_26">{{ title }}</div>
  </div>
</template>
<script setup lang="ts">
  import { defineProps, PropType } from 'vue'
  import { getImageUrl } from '@/utils'
  defineProps({
    title: {
      type: String as PropType<string>,
      require: true,
      default: () => '',
    },
    icon: {
      type: String as PropType<string>,
      require: true,
      default: () => '',
    },
  })
</script>
<style scoped lang="less">
  .marke_col {
    background: #fafafa;
    border-radius: 5px;

  }
</style>
